@charset "UTF-8";
$r:750/16/1rem;
body{
  background-color: #e4e4e4;
}
.top_nav{
  width: 750/$r;
  height: 88/$r;
}
.h_item{
  width: 750/$r;
  height: 88/$r;
  background-color: #FFFFFF;
  display: flex;
}
.h_item li{
  line-height: 88/$r;
  flex: 1;
  list-style: none;
  font-size:32/$r;
  text-align: center;
  color: #333333;
}
.state_act{
  color: #0099FF!important;
  box-sizing: border-box;
  border-bottom:1px solid #0099FF;
}

.elective_item{
  width: 750/$r;
  margin: 0 auto 20/$r auto;
  background-color: #ffffff;
}
.elective_list{
  width: 710/$r;
  padding-bottom:20/$r;
  margin: 0 auto;
}
.cour_tit{
  padding:10/$r 0;
  font-size:28/$r;
  color: #333333;
}
.cour_detail{
  padding:16/$r 0;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}
.cour_img{
  width: 220/$r;
  height: 124/$r;
  float: left;
  overflow: hidden;
}
.cour_img img{
  width: 100%;
  display: block;
}
.cour_text{
  float: left;
  margin-left:20/$r;
}
.cour_text p{
  font-size: 28/$r;
  color: #666666;
  margin-bottom:6/$r;
}

.oper_but{
  outline: none;
  width: 130/$r;
  height:56/$r;
  font-size: 24/$r;
  text-align: center;
  line-height: 56/$r;
  color: #666666;
  background-color:#FFFFFF;
  border: 1px solid #e4e4e4;
  box-sizing: border-box;
  border-radius: 4/$r;
}
.oper_but_act{
  border: 1px solid #0099FF;
  color:#0099FF;
}
.invoice_buy_but{
  float: right;
}
.buy_cont{
  margin-top: 20/$r;
}